{% extends "conmon/style.html" %}{% block content %}
<style>
	.rowtable tbody tr td{min-width: 140px;max-width: 200px;}
</style>
<form id="myform" action="">
<div class="layui-form layui-form-pane" action="">	
<div class="container1">
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<tr>
					<td>姓名</td>
					<td>身份证号码</td>
					<td>资格证书类型</td>
					<td>证书编号</td>
					<td>领证时间</td>
					<td>发证机构</td>
					<td>附件状态</td>
					<td>资格证书影印件</td>
				</tr>
				<tr>
					<td width="10%">孙悟空</p></td>
					<td>
						<p>1234557789090034567</p>
					</td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
					<td width="10%"><p style="text-align: center;">*姓名</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfyhzh}}" /></p></td>
					<td width="10%"><p style="text-align: center;">*性别</p></td>
					<td>
						111
					</td>
					<td width="10%"><input type="file"></td>
				</tr>
			</table>
		</div>	 
	</div>
	
	<table id="demo" lay-filter="djtable"></table>
	<div style="margin: 30px 0 0 0;text-align: center;">
		<input type="button" value="提交" class="darkbluebtn" />
	</div>
</div>
</div>
</form>
<!-- <script src="/public/dist/ssfw/index.js"></script> -->
<script>
		layui.use(['form', 'layedit', 'laydate'], function(){
			var form = layui.form
			,layer = layui.layer
			,layedit = layui.layedit
			,laydate = layui.laydate;
			
			//日期
			laydate.render({
			elem: '#date'
			});
			laydate.render({
			elem: '#date1'
			});
			
			//创建一个编辑器
			var editIndex = layedit.build('LAY_demo_editor');
			
			//自定义验证规则
			form.verify({
			title: function(value){
				if(value.length < 5){
				return '标题至少得5个字符啊';
				}
			}
			,pass: [/(.+){6,12}$/, '密码必须6到12位']
			,content: function(value){
				layedit.sync(editIndex);
			}
			});
			
			//监听指定开关
			form.on('switch(switchTest)', function(data){
			layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
				offset: '6px'
			});
			layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
			});
			
			//监听提交
			form.on('submit(demo1)', function(data){
			layer.alert(JSON.stringify(data.field), {
				title: '最终的提交信息'
			})
			return false;
			});
			
			
		});
		</script>
{% endblock %}